<template lang="pug">
    Layout
        div.text-color-main(style="font-size:1.1rem;",slot="header").pull-left
            i.fa.fa-gg
            span &nbsp;文章管理
        div.pull-right(style="margin-right:2rem;",slot="header")
            el-button(icon="plus",@click="$msg.success()") 添加
            el-button(icon="edit",@click="$msg.confirm()") 删除
        el-pagination.m-t-5(:total="total",:page-sizes="[50,100,150,200]", layout=" prev, pager, next, jumper, sizes,->,total",:page-size="50",slot="footer")
        el-table(:data="data",border,style="width:100%",v-grid-autosize="")
            el-table-column(type="selection",width="55")
            el-table-column(label="标题",prop="title")
            el-table-column(label="板块名称",width="180",prop="catagory")
            el-table-column(label="创建时间",width="150",prop="createTime")

</template>
<script>
    import store from './store.js';
    import {mapState} from 'vuex';
    import Layout from '../layouts/defaults';
    export default{
        components:{Layout},
        store,
        computed:{...mapState(['data','total'])}
    }
</script>
<style lang="less">

</style>